<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>酷狗</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" href="css/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/common.css" />

	</head>

	<body>
		<div class="web">

			<div id="kugou">
				<!------------------------酷狗首页------------------------>
				<div class="section shouye">
					<!--------logo-------->
					<div class="logo animated swing infinite">
						<img src="images/logo.png" />
					</div>
					<!------------标题------------>
					<div class="title_1 animated bounce infinite">
						<img src="images/title1.png" />
					</div>
					<div class="title_2 animated tada infinite">
						<img src="images/title2.png" />
					</div>
					<div class="title_3 animated flash infinite">
						<img src="images/title3.png" />
					</div>
					<div class="title_4 animated pulse infinite">
						<img src="images/title4.png" />
					</div>
					<!------------云------------>
					<div class="yun_1">
						<img src="images/yun1.png" />
					</div>
					<div class="yun_2">
						<img src="images/yun2.png" />
					</div>
					<div class="yun_3">
						<img src="images/yun3.png" />
					</div>
					<div class="yun_4">
						<img src="images/yun4.png" />
					</div>
					<div class="yun_5">
						<img src="images/yun5.png" />
					</div>
					<!------------球------------>
					<div class="qiu animated tada duration_5 infinite">
						<img src="images/yueqiu.png" />
					</div>
					<!----------气泡------------>
					<div class="qipao_1 animated pulse infinite">
						<img src="images/qipao1.png" />
					</div>
					<div class="qipao_2 animated shake infinite">
						<img src="images/qipao2.png" />
					</div>
					<div class="qipao_3 animated rubberBand infinite">
						<img src="images/qipao3.png" />
					</div>
					<div class="qipao_4 animated flash infinite">
						<img src="images/qipao4.png" />
					</div>
					<!------------人物------------>
					<div class="renwu animated rubberBand infinite">
						<img src="images/renwu.png" />
					</div>
					<!------------开始测试------------>
					<a href="">
						<div class="ceshi">
							<img src="images/ceshi.png" />
						</div>
					</a>
				</div>
				<!------------------------第一页------------------------>
				<div class="section ye">
					<p class="wenti">1.请问图中位于中间的男孩姓名是？</p>
					<!----图片---->
					<div class="tupian_01">
						<img src="images/tu_01.png" />
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png" />
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png" />
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png" />
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png" />
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png" />
						</div>
					</div>
					<!----选项---->
					<div class="xuanxiang ">
						<div class="xuanze animated flipInX">
							<p class="name"><span>A</span>王俊凯</p>
							<!--<img src="images/xz_w.png"/>-->
						</div>
						<div class="xuanze animated flipInX">
							<p class="name"><span>B</span>易烊千玺</p>
							<!--<img src="images/xz_w.png"/>-->
						</div>
						<div class="xuanze animated flipInX">
							<p class="name"><span>C</span>王源</p>
							<!--<img src="images/xz_w.png"/>-->
						</div>
						<div class="xuanze animated flipInX">
							<p class="name"><span>D</span>王凯</p>
							<!--<img src="images/xz_w.png"/>-->
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png" />
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png" />
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png" />
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png" />
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png" />
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_01.png" />
					</div>

				</div>
				<!------------------------第二页------------------------>
				<div class="section ye">
					<p class="wenti">2.“削个椰子皮，你却TM给个梨”   请问这是什么歌？</p>
					<!----图片---->
					<div class="tupian_02">
						<img src="images/tu_02.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《Yogurt》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《Salt》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《Sugar》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《Salad》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_02.png"/>
					</div>
				</div>
				
				<!------------------------第三页------------------------>
				<div class="section ye">
					<p class="wenti">3.“啊啊 啊啊 啊啊啊”   请问这是什么歌？</p>
					<!----图片---->
					<div class="tupian_03">
						<img src="images/tu_03.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name lang"><span>A</span>《新白娘子传奇》</p>
						</div>
						<div class="xuanze">
							<p class="name lang"><span>B</span>《当》</p>
						</div>
						<div class="xuanze">
							<p class="name lang"><span>C</span>《忐忑》</p>
						</div>
						<div class="xuanze">
							<p class="name lang"><span>D</span>《Concerto Pour Deux Voix》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_03.png"/>
					</div>
				</div>
				
				<!------------------------第四页------------------------>
				<div class="section ye">
					<p class="wenti">4.汪峰和子怡所生的女儿   是汪峰生命中第几个女人？</p>
					<!----图片---->
					<div class="tupian_04">
						<img src="images/tu_04.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>第4个</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>第6个</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>第8个</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>第10个</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_02.png"/>
					</div>
				</div>
				<!------------------------第五页------------------------>
				<div class="section ye">
					<p class="wenti">5.组合凤凰传奇的两位艺人   是亲两口子吗？</p>
					<!----图片---->
					<div class="tupian_05">
						<img src="images/tu_05.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name_05"><span>A</span>是</p>
						</div>
						<div class="xuanze">
							<p class="name_05"><span>B</span>不是</p>
						</div>
						<div class="xuanze">
							<p class="name_05"><span>C</span>不知道</p>
						</div>
						<div class="xuanze">
							<p class="name_05"><span>D</span>你不知道我也不会帮你的</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_05.png"/>
					</div>
				</div>
				<!------------------------第六页------------------------>
				<div class="section ye">
					<p class="wenti">6.以下韩国男团，哪个组合成员   是4个人？</p>
					<!----图片---->
					<div class="tupian_06">
						<img src="images/tu_06.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>CN Blue</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>B Big Bang</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>F.T. Island</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>Infinite</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_06.png"/>
					</div>
				</div>
				<!------------------------第七页------------------------>
				<div class="section ye">
					<p class="wenti">7.筷子兄弟2015年最洗脑歌曲是？</p>
					<!----图片---->
					<div class="tupian_07">
						<img src="images/tu_07.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《老男孩》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《小苹果》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《父亲》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《小水果》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				<!------------------------第八页------------------------>
				<div class="section ye">
					<p class="wenti">8.以下哪首不是张杰的作品？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_08.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《这，就是爱》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《无情的情书》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《明天过后》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《逆战》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_06.png"/>
					</div>
				</div>
				<!------------------------第九页------------------------>
				<div class="section ye">
					<p class="wenti">9.Adele的最新专辑名是？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_09.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《19》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《21》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《25》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《26》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_03.png"/>
					</div>
				</div>
				<!------------------------第十页------------------------>
				<div class="section ye">
					<p class="wenti">10.曾加入EXO组合的中国男星中    年龄最小的一位是？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_10.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>吴亦凡</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>黄子韬</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>鹿晗</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>张艺兴</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_03.png"/>
					</div>
				</div>
				
				<!------------------------第十一页------------------------>
				<div class="section ye">
					<p class="wenti">11.歌手李荣浩的女朋友是？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_11.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>阿SA</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>谭维维</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>刘惜君</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>杨丞琳</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_05.png"/>
					</div>
				</div>
				
				<!------------------------第十二页------------------------>
				<div class="section ye">
					<p class="wenti">12.有“雨神”称号的是哪位艺人？</p>
					<!----图片---->
					<div class="tupian_12">
						<img src="images/tu_12.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>萧敬腾</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>曹格</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>张雨生</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>Rain</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_06.png"/>
					</div>
				</div>
				
				<!------------------------第十三页------------------------>
				<div class="section ye">
					<p class="wenti">13.以下陈奕迅的歌曲中    哪首没有粤语版？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_13.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《十年》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《好久不见》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《阴天快乐》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《红玫瑰》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_06.png"/>
					</div>
				</div>
				<!------------------------第十四页------------------------>
				<div class="section ye">
					<p class="wenti">14.Angelababy最爱的那首   “boom shakalaka boom shakalaka”   是出自哪首歌？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_14.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name_14"><span>A</span>《Bang Bang Bang》</p>
						</div>
						<div class="xuanze">
							<p class="name_14"><span>B</span>《Fantastic baby》</p>
						</div>
						<div class="xuanze">
							<p class="name_14"><span>C</span>《If You》</p>
						</div>
						<div class="xuanze">
							<p class="name_14"><span>D</span>《Let’s Not Fall In Love》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_06.png"/>
					</div>
				</div>
				<!------------------------第十五页------------------------>
				<div class="section ye">
					<p class="wenti">15.《防弹少年团》有几名成员？</p>
					<!----图片---->
					<div class="tupian_15">
						<img src="images/tu_15.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>4位</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>5位</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>6位</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>7位</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				
				<!------------------------第十六页------------------------>
				<div class="section ye">
					<p class="wenti">16.以下哪首歌不属于情歌？</p>
					<!----图片---->
					<div class="tupian_16">
						<img src="images/tu_16.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>《明明就》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>《勇敢》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>《匆匆那年》</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>《别找我麻烦》</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				<!------------------------第十七页------------------------>
				<div class="section ye">
					<p class="wenti">17.以下哪位没有参与《蒙面歌王》    综艺秀？</p>
					<!----图片---->
					<div class="tupian_17">
						<img src="images/tu_17.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>李克勤</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>徐峥</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>范玮琪</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>周杰伦</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				
				<!------------------------第十八页------------------------>
				<div class="section ye">
					<p class="wenti">18.截至目前，周杰伦共出过   多少张专辑？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_18.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>10张</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>12张</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>13张</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>15张</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_02.png"/>
					</div>
				</div>
				
				<!------------------------第十九页------------------------>
				<div class="section ye">
					<p class="wenti">19.以下明星，哪位还没娃？</p>
					<!----图片---->
					<div class="tupian_19">
						<img src="images/tu_19.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>周杰伦</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>范玮琪</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>陶喆</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>谢霆锋</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_02.png"/>
					</div>
				</div>
				
				<!------------------------第二十页------------------------>
				<div class="section ye">
					<p class="wenti">20.阿妹蓝朋友的职业是？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_20.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>歌手</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>演员</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>医生</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>调酒师</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_02.png"/>
					</div>
				</div>
				
				<!------------------------第二十一页------------------------>
				<div class="section ye">
					<p class="wenti">21.图片中是哪位明星？</p>
					<!----图片---->
					<div class="tupian">
						<img src="images/tu_21.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name"><span>A</span>杨臣刚</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>B</span>孙楠</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>C</span>医生</p>
						</div>
						<div class="xuanze">
							<p class="name"><span>D</span>什么鬼</p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				
				<!------------------------第二十二页------------------------>
				<div class="section ye">
					<p class="wenti">22.95版《神雕侠侣》小龙女的   扮演者是</p>
					<!----图片---->
					<div class="tupian_22">
						<img src="images/tu_22.png"/>
					</div>
					<!----云---->
					<div class="yun clearfix">
						<div class="yun_01 fl">
							<img src="images/yun_01.png"/>
						</div>
						<div class="yun_02 fl">
							<img src="images/yun_02.png"/>
						</div>
						<div class="yun_03 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_04 fl">
							<img src="images/yun_03.png"/>
						</div>
						<div class="yun_05 fl">
							<img src="images/yun_04.png"/>
						</div>
					</div> 
					<!----选项---->
					<div class="xuanxiang">
						<div class="xuanze">
							<p class="name_four"><span>A</span></p>
						</div>
						<div class="xuanze">
							<p class="name_four"><span>B</span></p>
						</div>
						<div class="xuanze">
							<p class="name_four"><span>C</span></p>
						</div>
						<div class="xuanze">
							<p class="name_four"><span >D</span></p>
						</div>
					</div>
					<!----音乐---->
					<div class="music">
						<div class="yin_1">
							<img src="images/yinfu_01.png"/>
						</div>
						<div class="yin_2">
							<img src="images/yinfu_02.png"/>
						</div>
						<div class="yin_3">
							<img src="images/yinfu_03.png"/>
						</div>
						<div class="yin_4">
							<img src="images/yinfu_04.png"/>
						</div>
						<div class="yin_5">
							<img src="images/yinfu_05.png"/>
						</div>
					</div>
					<!----狗---->
					<div class="dog">
						<img src="images/dog_07.png"/>
					</div>
				</div>
				
				<!-----------------------测试结果---------------------->
				<div class="section ceshi">
					<!--------logo-------->
					<div class="logo animated swing infinite">
						<img src="images/logo.png" />
					</div>
					<div class="kuang">
						<img src="images/kuang.png" />
						<div class="jieguo">
							<div class="title">
								<img src="images/ceshijieguo.png" />
							</div>
							<div class="zi">
								<p class="font">你是一个有个性的潮人</p>
								<p class="font">任世界如何变幻</p>
								<p class="font">你只<span class="geren">坚持内心的选择</span></p>
								<p class="font"> 这就是你。</p>
							</div>

						</div>
						<label for="tc">
						<div class="fenxiang fr">
							<img src="images/fenxiang.png" />
						</div>
						</label>
						<!------------人物------------>
						<div class="renwu animated rubberBand infinite">
							<img src="images/renwu.png" />
						</div>
					</div>
					<!--遮罩层弹窗-->
					<input type="checkbox"  id="tc"  />
					<div class="tanchuang">
						<div class="dog_tc">
							<img src="images/gou_pj.png"/>
						</div>
						<div class="jiantou">
							<img src="images/jiantou.png"/>
						</div>
						<p class="zi">点击右上角于好友一比高下 </p>
						<div></div>
					</div>
				
				</div>
				<!-------------------好友评价页面---------------------->
				<div class="section pingjia">
					<!--------logo-------->
					<div class="logo animated swing infinite">
						<img src="images/logo.png" />
					</div>
					<!--狗-->
					<div class="dog_tx">
						<img src="images/gou_big.png" />
					</div>
					<!--结果-->
					<div class="ces">
						<p class="font_ce"><span class="yellow">[潮人测试]</span>***太牛了</p>
						<p class="font_ce">现在坚持个性的人真的太少了。</p>
					</div>
					<div class="ping">
						<p class="font_g">看看你和你的朋友够亲密不？ </p>
						<p class="font_g"> 一起来评价.</p>
					</div>
					<!--评价标签-->
					<div class="biaoqian clearfix">
						<!--淡色-->
						<div class="one fl">
							<p class="font_pj">典型70后</p>
						</div>
						<div class="three fl">
							<p class="font_pj">00后潮人 <em>+5</em></p>
						</div>
						<div class="two fl">
							<p class="font_pj">90后新锐 <em>+2</em></p>
						</div>
						<div class="four fl">
							<p class="font_pj">95后新人类 <em>+3</em></p>
						</div>
					</div>
					<div class="bottom clearfix">
						<form>
							<p class="font_wenti">还体现不出你们的亲密度？那就再评价下吧! </p>
							<textarea></textarea>
							<div class="anniu juli fl">
								<span class="font_tj">提 交</span>
							</div>
							<div class="anniu  fl">
								<label for="tc_w">
								<span class="font_tj">我也要玩</span>
								</label>
							</div>
						</form>
					</div>
					<!--弹-->
					<input type="checkbox"  id="tc_w"/>
					<div class="tanchuang">
						<div class="dog_tc">
							<img src="images/gou_pj.png"/>
						</div>
						<div class="jiantou">
							<img src="images/jiantou.png"/>
						</div>
						<p class="zi">点击右上角于好友一比高下 </p>
					</div>
				
				</div>
				<!-------------------查看好友评价页面---------------------->
				<div class="section pingjia">
					<!--------logo-------->
					<div class="logo animated swing infinite">
						<img src="images/logo.png" />
					</div>
					<!--狗-->
					<div class="dog_tx">
						<img src="images/gou_big.png" />
					</div>
					<!--气泡-->
					<div class="blue yi">
						<p class="font_qp">我在你眼中是什么样子？</p>
					</div>
					<p class="font_qp shang">你已经收集到<em>3</em>枚好友评价</p>
					<!--留言-->
					<div class="liuyan clearfix">
						<div class="touxiang fl">
							<img src="images/gou_small.png"/>
						</div>
							<div class="red fl">
								<p class="font_ly">潮气侧漏，继续潮下去哈</p>
							</div>
					</div>
					<!--留言-->
					<div class="liuyan clearfix">
						<div class="touxiang fl">
							<img src="images/gou_small.png"/>
						</div>
							<div class="red fl">
								<p class="font_ly">潮气侧漏，继续潮下去哈</p>
							</div>
					</div>
					<!--留言-->
					<div class="liuyan clearfix">
						<div class="touxiang fl">
							<img src="images/gou_small.png"/>
						</div>
							<div class="red fl">
								<p class="font_ly">潮气侧漏，继续潮下去哈</p>
							</div>
					</div>
					<!------底部------>
					<div class="foot clearfix">
						<p class="font_d">关注酷狗，随时收到好友对你的印象</p>
						<div id="caidan">
							<img src="images/caidan.png"/>
						</div>
						<label for="tc_gz">
						<div id="guanzhu">
							<img src="images/guanzhu.png"/>
						</div>
						</label>
						
					</div>
					<!--弹-->
					<input type="checkbox"  id="tc_gz"  />
					<div class="tanchuang">
							<div class="qrcode">
								<img src="images/erweima.png"/>
							</div>
						<div class="zi_s">
							<p>扫一扫第一时间 </p>
						<p>收到好友对你的评价 </p>
						</div>
						
					</div>
				
				</div>

			</div>
		</div>

	</body>
	<script type="text/javascript" src="js/jquery-2.1.0.js" charset="UTF-8"></script>
	<script type="text/javascript" src="js/jquery.fullPage.js" charset="UTF-8"></script>

	<script type="text/javascript">
		//快速初始化，默认值
		$(function() {
			$('#kugou').fullpage(
				{
					navigation:true,
					navigationPosition:"right",
				}
			);
		});
	</script>

</html>